<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTMl基础标签演示</title>
</head>
<body>
    
</body>
<!-- #region 内容分区元素 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!-- endregion -->

<!-- #region 文本内容元素 -->
<div>div是无格式容器</div>
<p>
    p段落1
    P段落2
</p>
<pre>
    pre预先格式段落1
    pre预先格式段落2
    pre预先格式段落3
</pre>
<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    <li>列表项4</li>
</ul>
<p>有序列表</p>
<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    <li>列表项4</li>
</ol>
<p>定义列表</p>
<dl>
    <dt>定义1</dt>
    <dd>定义1的描述</dd>
    <dt>定义2</dt>
    <dt>定义3</dt>
</dl>
<hr>
<blockquote>
    长引用内容
    长引用内容
    长引用内容
</blockquote>
<!-- endregion -->

<!-- #region 内联文本元素 -->
<span>无格式行级元素</span>
<br>换行<br>
<b>视觉加粗</b>
<br>
<strong>强调加粗</strong>
<br>
<i>视觉倾斜</i>
<br>
<em>强调倾斜</em>
<br>
<a href="#">链接当前页</a>
<br>
<a href="http://www.baidu.com"target="_blank">链接外部地址:百度</a>
<br>
<a href="../index.html">返回首页</a>
<br>
<!-- #endregion -->

<!-- #region 图片元素 -->
<img src="https://img7.iqiyipic.com/passport/20191025/59/74/passport_1796902102_157198810018416_130_130.jpg" alt="图片展示">
<a href="https://www.jju.edu.cn/"><img src="https://img7.iqiyipic.com/passport/20191025/59/74/passport_1796902102_157198810018416_130_130.jpg" alt="图片展示"></a>
<!-- #endregion -->

<!-- #region 内嵌内容元素 -->
<iframe src="https://cn.bing.com/" frameborder="0" scrolling="auto" width="40%" height="30%"></iframe>

<!-- 内嵌内容测试 -->
<iframe name=123  align=center  vspace=-200 hspace=-100 src="https://cn.bing.com/"  frameborder=no scrolling=no  width=900  height=200 top: -200px; left: -680px;></iframe>
<div><iframe src="https://cn.bing.com/" width="800" height="400" frameborder="1" scrolling="no" style="position:relative; top: -80px; left: -80px;"></iframe></div>

<!-- #endregion -->

<br>
<br>
<br>
<br>
<br>
<br>
</html>